@charset 'utf-8';
@import  'sandal/core';
@import  'core/mixins', 'core/functions', 'core/vars';

$footerBorderColor: #b7b7b7;

footer {
	border-top: 1px solid $footerBorderColor;
	background-color: #fff;
}

.footer-content {
	@extend %clearfix;
	width: $w;
	margin: 0 auto;
	padding: 20px 0;
	line-height: 1.75;
	line-height: 2;
	text-align: center;

	& > ul, & > a {
		float: left;
		width: 100px;
		font-size: $fontSmall;
	}

	li{
		font-size: $fontSmall;

		a {
			&:hover {
				color: $fontColorBlack; 
			}
		}
	}

	.qrcode {
		float: right;
		width: 230px;
		padding: 0;
		text-align: center;
		li {
			float: left;
			font-size: $fontBase;

			&:first-child {
				margin-bottom: 0;
				margin-right: 18px;
			}

			img {
				width: 106px;
				height: 106px;
				display: block;
			}
			span {
				margin-top: 10px;
				color: $fontColorBlack;
				display: block;
			}
		}
	}
}

.copyright {
	padding-bottom: 10px;
	border-top: 1px solid $footerBorderColor;
	line-height: 4;
	font-size: $fontSmall;
	color: $fontColorGray;
	text-align: center;
}